import React, {Component} from 'react';
import { Link } from 'dva/router';
import Icon from '../../../../component/Icon';
import styles from './css/Join.css';

export default class Join extends Component {
	
	render() {
		return (
			<div className={styles.container}>
				<div className={styles.warp}>
					<div className={styles.item1}>
						<Link>
							<div className={styles.title}>
								快速接入API
							</div>
							<div className={styles.content}>
								<Icon className={styles.api} type={require('../../asset/svg/api.svg')} />
								<div className={styles.description}>
									使用htpps请求快速接入
								</div>
							</div>
						</Link>
					</div>
					<div className={styles.item2}>
						<Link to='/system'>
							<div className={styles.title}>
								接入管理系统
							</div>
							<div className={styles.content}>
								<Icon className={styles.system} type={require('../../asset/svg/system.svg')} />
								<div className={styles.description}>
									可视化的增、删、改、查
								</div>
							</div>
						</Link>
					</div>
				</div>
			</div>
		)
	}
	
}